import type { XtxGuessInstance } from '/@/types/components'
import { ref } from 'vue'

/**
 * 猜你喜欢组合式函数
 */
export const useGuessList = () => {
  // 获取猜你喜欢组件实例
  const guessRef = ref<XtxGuessInstance>()

  // 滚动触底事件
  const onScrolltolower = () => {
    console.log('触底触底guessRef')
    console.log(guessRef.value)
    guessRef.value?.getMore()
  }

  // 返回 ref 和事件处理函数
  return {
    guessRef,
    onScrolltolower,
  }
}

/**
 * 房源组合式函数
 */
export const useHouseList = () => {
  // 获取房源组件实例
  const houseRef = ref<XtxGuessInstance>()

  // 滚动触底事件
  const onScrolltolower = () => {
    console.log('触底触底')
    console.log(houseRef.value)
    houseRef.value?.getMore()
  }

  // 返回 ref 和事件处理函数
  return {
    houseRef,
    onScrolltolower,
  }
}

/**
 * 公寓组合式函数
 */
export const useApartmentList = () => {
  // 获取公寓组件实例
  const apartmentRef = ref<XtxGuessInstance>()

  // 滚动触底事件
  const onScrolltolower = () => {
    apartmentRef.value?.getMore()
  }

  // 返回 ref 和事件处理函数
  return {
    apartmentRef,
    onScrolltolower,
  }
}
